<!--
 * @Author: DUST
 * @Date: 2023-06-26 14:34:55
 * @LastEditors: DUST
 * @LastEditTime: 2023-06-26 14:34:55
 * @FilePath: \vite-project\src\components\waveSvg.vue
 * @Description: 
 * undefined
-->
<template>
  <svg
    class="editorial"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="0 24 150 28"
    preserveAspectRatio="none"
  >
    <defs>
      <path
        id="gentle-wave"
        d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z"
      ></path>
    </defs>
    <g class="parallax">
      <use xlink:href="#gentle-wave" x="30" y="0" fill="#f7f9fe"></use>
      <use xlink:href="#gentle-wave" x="30" y="3" fill="#f7f9fe"></use>
      <use xlink:href="#gentle-wave" x="30" y="6" fill="#f7f9fe"></use>
      <use xlink:href="#gentle-wave" x="30" y="9" fill="#f7f9fe"></use>
    </g>
  </svg>
</template>

<script setup lang="ts"></script>
